<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery-3.4.1.js"></script>
</head>

<body>
    <script>
        /* 监听：页面中可能会发起多个网络请求 */
        /* 001-成功 */
        // $(document).ajaxSuccess(function(event, xhr, ajaxOptions) {
        //     /* 当页面中网络请求成功后会触发当前的事件函数 */
        //     console.log("success", event, xhr, ajaxOptions, ajaxOptions, url);

        // });

        // /* 002-失败 */
        // $(document).ajaxError(function(event, xhr, ajaxOptions, error) {
        //     /* 当页面中网络请求失败后会触发当前的事件函数 */
        //     console.log("error", event, xhr, ajaxOptions, error); /* Not Found */
        // });


        /* 003-监听发送了网络请求 调用多次 */
        $(document).ajaxSend(function() {
            console.log("ajaxSend");
        });
        /* 004-监听网络请求结束了 调用多次 */
        $(document).ajaxComplete(function() {
            console.log("ajaxComplete");
        });
        /* 005-监听第一个网络请求开始发送 */
        $(document).ajaxStart(function() {
            console.log("ajaxStart");
        });
        /* 006-监听最后一个网络请求结束了 */
        $(document).ajaxStop(function() {
            console.log("ajaxStop");
        })

        /* 默认当前页面中所有的网络请求都会被全局事件进行监听，如果某个指定的网络请求不想被监听 */
        $.ajax({
            type: "get",
            global: false,
            url: "./server/test.php",
            success: function(response) {
                console.log("1---", response);
            }
        });

        $.ajax({
            type: "post",
            global: false,
            url: "./server/test.php",
            success: function(response) {
                console.log("1---", response);
            }
        });
    </script>
</body>

</html>